<!DOCTYPE HTML>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="html,CS tech,Personal site"/>
		<meta name="author" content="Jupiter Yang" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>
			半山居
		</title>
		<link rel="stylesheet" href="{{ asset('/css/bootstrap.min.css')}}" />
		@yield('style')
		<style>
		body{
			background-color: ghostwhite;
		}
		
		footer {
			background-color: #101010;
			color: #FFF;
		}		
		footer .lane{
			padding-top: 5em;
			padding-bottom:5em;
			font-size: 16px;
			text-align: center;
		}
</style>
	</head>
	<body>
		<header>
			<nav class="nav navbar-inverse">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-collapsed" aria-expanded="false">
							<span class="sr-only">Toggle Navigation</span>
							<span class="icon-bar">
							</span>
							<span class="icon-bar">
							</span>
							<span class="icon-bar">
							</span>
						</button>
						<a class="navbar-brand" href="{{URL('/')}}">
							半山居
						</a>
					</div>
					<div class="collapse navbar-collapse" id="nav-collapsed">
						<ul class="nav navbar-nav">
							<li class="active">
								<a href="{{ URL('/')}}">
									主页<span class="sr-only">(current)</span>
								</a>
							</li>
							<li>
								<a href="{{ URL('article')}}">
									<span>文章</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span>图片</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span>文件</span>
								</a>
							</li>							
						</ul>
						<ul class="nav navbar-nav pull-right">
							<li>
								<a href="{{ URL('siteadmin')}}">
									<span>后台</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</header>
		@yield('body-content')
		<footer class="container-fluid">
			<div class="container">
				<div class="col-md-4 lane">
					© All Rights Reserved.
				</div>
				<div class="col-md-4 lane ">
					Jupiter Yang
				</div>
				<div class="col-md-4 lane">
					Theme by Bootstrap && CSS3
				</div>
			</div>
		</footer>
		<script src="{{ asset('/js/jquery-2.1.4.min.js')}}" type="text/javascript"></script>
		<script src="{{ asset('/js/bootstrap.min.js')}}" type="text/javascript"></script>
		@yield('js')
	</body>
</html>